<template>
  <div class="home">
    <h2>home</h2>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="success">成功按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <van-button type="warning">警告按钮</van-button>

    <van-rate v-model="value" :size="30"/>
    <van-rate v-model="value" icon="like" void-icon="like-o" :size="30"/>
    <button @click="rateIncreament">评分+1</button>
  </div>
</template>

<script setup>
  import { ref } from 'vue'
  const value = ref(3)
  const rateIncreament = () => {
    value.value++
  }
</script>

<style lang="less" scoped>

</style>